body
	{
		background-color:thistle;
	
	}


.flexbox 
         {
            width: 600px;
            height: 420px;
            display: -webkit-box;
            display: box;
            -webkit-box-orient: horizontal;
            box-orient: horizontal;
         }
         .flexbox > div 
         {
            -webkit-transition: 1s ease-out;
            transition: 1s ease-out;
            -webkit-border-radius: 80px;
            border-radius: 80px;
            border: 2px solid white;
            width: 120px;
            margin: 10px -10px 10px 0px;
            padding: 20px 20px 20px 20px;
            box-shadow: 10px 10px 10px dimgrey;
         }
         .flexbox > div:nth-child(1){ background-color: #408080; }
         .flexbox > div:nth-child(2){ background-color: #408080; }
         .flexbox > div:nth-child(3){ background-color: #408080; }
         .flexbox > div:nth-child(4){ background-color: #408080; }

         .flexbox > div:hover { 
            width: 200px; color: white; font-weight: bold; }
         .flexbox > div:nth-child(1):hover { background-color: blue; }
         .flexbox > div:nth-child(2):hover { background-color: green; }
         .flexbox > div:nth-child(3):hover { background-color: yellow; }
         .flexbox > div:nth-child(4):hover { background-color: orange; }
         p { height: 250px; overflow: hidden; font-family: "Rosario" }